<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
  <nav>
    <ul class="left">
      <li>考拉欢迎你</li>
      <li>登录</li>
      <li>免费注册</li>
      <li>手机考拉</li>
    </ul>
    <ul class="right">
      <li>每日签到</li>
      <li>我的订单</li>
      <li>个人中心</li>
      <li>客户服务</li>
      <li>充值中心</li>
      <li>消费者权益</li>
      <li>更多</li>
      <li>视频内容</li>
    </ul>
  </nav>
  <!-- 头部 -->
  <header>
    <div class="img"><img src="../img/kaola_logo.png" alt=""></div>
    <div class="sousuo">
      <div class="souleft"></div>
      <div class="souright">
        <img src="../img/search.jpg" alt="">
      </div>
    </div>
    <div class="cart">
      <img src="../img/cart.jpg" alt="">
      <span>购物车</span>
    </div>
  </header>



  <!-- 购物车表格 -->
  
    <div class="cart active">
      <!-- JS 渲染 -->
      <div class="nav">
        <p class="qx">全选<input type="checkbox"></p> 
        <p class="sp">商品</p>
        <p class="dj">单价</p>
        <p class="sl">数量</p>
        <p class="xj">小计</p>
        <p class="cz">操作</p>
      </div>
      <ul>
        <!-- <li>
          <div class="select">
            <input  class="select_item" type="checkbox" >
          </div>
          <div class="show">
            <img src="" alt="">
          </div>
          <div class="title">sdfsdfsdfs撒旦发射点发射点史丹佛胜多负少df</div>
          <div class="price">￥100</div>
          <div class="number">
            <button data-id="" class="sub">-</button>
            <input type="text" value="1">
            <button data-id="" class="add">+</button>
          </div>
          <div class="subPrice">￥100 </div>
          <div class="del">
            <button data-id="" class="delBtn">删除</button>
          </div>
        </li> -->
      </ul>
    </div>
 
  




  <!-- 下面 -->
  <div class="box1">
    <div class="box2">
      <div class="yuan"> <p>正</p> </div>
      <div class="text">
        <h2>正品承诺</h2>
        <p>正品保障 假一赔十</p>
      </div>
    </div>
    <div class="box2">
      <div class="yuan"> <p>低</p> </div>
      <div class="text">
        <h2>低价保障</h2>
        <p>缩减中间环节 确保低价</p>
      </div>
    </div>
    <div class="box2">
      <div class="yuan"> <p>退</p> </div>
      <div class="text">
        <h2>30天无忧退货</h2>
        <p>国内退货 售后无忧</p>
      </div>
    </div>
    <div class="box2">
      <div class="yuan"> <p>邮</p> </div>
      <div class="text">
        <h2>满88包邮</h2>
        <p>部分特殊商品除外</p>
      </div>
    </div>
  </div>

  <!-- 足部 -->
  <div class="footer">
    <div class="img"><img src="../img/kaola_logo.png" alt=""></div>
    <ul class="foot">
      <p>考拉保障</p>
      <li>假一赔十</li>
      <li>廉正举报</li>
    </ul>
    <ul class="foot">
      <p>新手指南</p>
      <li>购物流程</li>
      <li>支付方式</li>
      <li>通关税费</li>
      <li>常见问题</li>
    </ul>
    <ul class="foot">
      <p>售后服务</p>
      <li>售后政策</li>
      <li>退货流程</li>
      <li>特色服务</li>
      <li>联系客服</li>
    </ul>
    <ul class="foot">
      <p>物流配送</p>
      <li>配送方式</li>
      <li>配送服务</li>
      <li>运费标准</li>
      <li>物流跟踪</li>
    </ul>
    <ul class="foot">
      <p>商家服务</p>
      <li>招商合作</li>
      <li>销售联盟</li>
      <li>商家成长</li>
    </ul>
    <ul class="foot">
      <p>关于我们</p>
      <li>联系我们</li>
      <li>CEO邮箱</li>
    </ul>
    <div class="img1">
      <img src="../img/erweima.jpg" alt="" >
      <p>扫描下载手机版</p>
    </div>
    <div class="last">
      <p>关注我们</p>
      <img src="../img/wei.jpg" alt="">
      <img src="../img/vx.jpg" alt="">
    </div>
  </div>

  <!-- 最底部 -->
  <div class="foot1">
    <div class="foot-center">
      <p>
        <span>增值电信业务经营许可证：浙B2-20160288 </span>
        <span>（浙）网械平台备字[2018]第00007号 </span>
        <span>阿里巴巴版权所有&copy;2003-2021</span>
        <a href="https://you.kaola.com/common/page.html?spm=a2v0d.b64726952.0.0.48fd4f51BSlUgx&key=Privacy_policy">隐私政策-</a>
        <a href="./index.html">考拉海购</a>
      </p>
      <p>
        <span>网络文化经营许可证：浙网文（2020）4340-180号 </span>
        <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010006 </span>
        <a href="https://kaola-haitao.oss.kaolacdn.com/6df8bb71-a013-41d4-8491-548215da176d.png">网络第三方平台规范进口冷链食品承诺函</a>
      </p>
      <p>
        <a href="">
          <img src="../img/country.png" alt="">
          <span>浙公网安备 33010802002216号</span>
       </a>
       <span>互联网药品信息服务资格证书编号（浙）-2017-0027 </span>
       <span>浙ICP备16011229号-6 </span>
       <span>自营经营者信息</span>
      </p>
      <p>
        <img src="../img/belive.png" alt="">
        <img src="../img/dianzizhizhao.png" alt="">
      </p>
    </div>
  </div>

  <script src="../js/cart.js"></script>
</body>
</html>